<template>
  <Layout class="aboutus">
    <Header>
      <v-header></v-header>
    </Header>
    <Content>
      <div class="rowWrapperP">
        <Row>
          <Col span="24">
          <Menu
            mode="horizontal"
            :active-name="activeName"
          >
            <MenuItem
              name="/aboutus/synopsis"
              to="/aboutus/synopsis"
            >集团简介</MenuItem>
            <MenuItem
              name="/aboutus/relation"
              to="/aboutus/relation"
            >联系我们</MenuItem>
            <MenuItem
              name="/aboutus/suggest"
              to="/aboutus/suggest"
            >投诉建议</MenuItem>
            <MenuItem
              name="/aboutus/recruit "
              to="/aboutus/recruit"
            >招贤纳士</MenuItem>
          </Menu>
          <Breadcrumb
            separator=">"
            style="padding-top:12px"
          >
            <BreadcrumbItem to="/index">首页</BreadcrumbItem>
            <BreadcrumbItem to="/aboutus">集团简介</BreadcrumbItem>
            <BreadcrumbItem>{{$route.meta.title}}</BreadcrumbItem>
          </Breadcrumb>
          <Divider />
          <router-view></router-view>
          </Col>
        </Row>
      </div>
    </Content>
    <Footer>
      <v-footer></v-footer>
    </Footer>
  </Layout>
</template>

<script>
import vHeader from '../components/main_header'
import vFooter from '../components/main_footer.vue'
export default {
  name: 'aboutus',
  components: {
    vHeader,
    vFooter
  },
  data() {
    return {
      activeName: this.$route.path.split("/", 3).join("/")
    }
  },
}
</script>

<style scoped>
</style>